<%@ page language="java" pageEncoding="UTF-8"
	errorPage="../../defaultException.jsp"%>
<%@include file="../../tags.jsp"%>
<html>
<head>
<title>目的地管理</title>
<%@include file="../head.jsp"%>

</head>
<body>

	<table id="list_data" cellspacing="0" cellpadding="0">
		<thead>
			<tr>
				<th field="miniImg" formatter="renderImg">图片</th>
				<th field="imgSummary">图片描述</th>
				<th field="treeIndex">资源树种的顺序</th>
				<th field="treeLeafIndex">叶子节点顺序</th>
				<th field="layerIndex">当前层的顺序</th>
			</tr>
		</thead>
	</table>
	<script type="text/javascript">
		function renderImg(value, row, index) {
			return "<img src='${cpath}${img_preffix}"+value+"' width='150' height='100'>";
		}
	</script>

	<div id="addDestFeatureDialog"
		style="width: 400px; height: 280px; padding: 10px 20px" closed="true">
	</div>

	<script type="text/javascript">
		$('#list_data').datagrid(
				{
					title : "<a href=${cpath }/admin/dest/list>&lt;&lt;&nbsp;返回目的地集合界面</a>",
					iconCls : 'icon-edit',//图标 
					width : 1024,
					height : 500,
					doSize : true,
					nowrap : false,
					striped : true,
					border : true,
					collapsible : false,//是否可折叠的 
					fitColumns : true,//自动大小 
					fit : false,
					url : '${cpath }/admin/dest/listDestImgs?destId=${destId}',
					//sortName: 'code', 
					//sortOrder: 'desc', 
					remoteSort : false,
					idField : 'id',
					singleSelect : true,//是否单选 
					pagination : false,//分页控件 
					rownumbers : true,//行号 
					//frozenColumns:[[ 
					//    {field:'ck',checkbox:true} 
					//]], 
					toolbar : [
							{
								text : '添加图片',
								iconCls : 'icon-add',
								handler : function() {
									var saveAction = cpath
											+ '/admin/dest/saveDestImgs?id=${destId}';
									var openAction = cpath
											+ '/admin/dest/addDestImgs';
									openAddDestImgsDialog('添加多图', openAction,
											saveAction, addDestSuccess,
											getSelectDest);
								}
							},
							'-',
							{
								text : '删除图片',
								iconCls : 'icon-edit',
								handler : function() {
									var deleteAction = cpath
											+ '/admin/dest/deleteDestImg';
									deleteImg(deleteAction, getSelectDest);
								}
							}, '-', {
								text : '刷新',
								iconCls : 'icon-reload',
								handler : function() {
									$('#list_data').datagrid('reload');
									save_status = false;
								}
							} ]
				});
	
	</script>
	<script type="text/javascript">
		var url;
		var cpath = '${cpath}';

		function getSelectDest() {
			return $('#list_data').datagrid('getSelected');
		}

		function addDestSuccess() {
			$('#list_data').datagrid('reload'); // reload the user data
		}

		
		function openAddDestImgsDialog(dlgtitle, openAction, saveAction,
				successCallback, getSelectDest) {

			$('#addDestFeatureDialog').dialog({
				title : dlgtitle,
				width : 800,
				height : 400,
				closed : false,
				cache : false,
				resizable : true,
				href : openAction,
				modal : true,
				closed : true,
				buttons : [ {
					text : '保存',
					iconCls : "icon-ok",
					handler : function() {
						saveForm(saveAction, successCallback);
					}
				}, {
					text : '取消',
					iconCls : "icon-cancel",
					handler : function() {
						$('#addDestFeatureDialog').dialog('close');
					}
				} ]
			});
			$('#addDestFeatureDialog').dialog('open');
		}

		var save_status = false;
		function saveForm(saveAction, successCallback) {
			if (save_status) {
				$.messager.alert("提示", "请耐心等待。。。后台执行中。。。", "info");
				return;
			}
			save_status = true;
			$('#fm').form('submit', {
				url : saveAction,
				onSubmit : function() {
					var result = $(this).form('validate');
					if (!result) {
						save_status = false;
					}
					return result;
				},
				success : function(result) {
					var result = eval('(' + result + ')');
					if (result.resultCode !== '00000000') {
						$.messager.alert("错误", result.resultMsg, "error");
						$('#list_data').datagrid('clearSelections');
					} else {
						$.messager.alert("成功", result.resultMsg, "info");
						$('#addDestFeatureDialog').dialog('close');
						if (successCallback) {
							successCallback();
						}
						$('#list_data').datagrid('clearSelections');
					}
					save_status = false;
				}
			});
		}
		function deleteImg(deleteAction, getSelectDest) {

			var row = getSelectDest();
			//没有选中行，则需要提示
			if (!row) {
				$.messager.alert("提示", "请选择要删除的图片信息！", "info");
				return;
			}
			if (row) {
				$.messager.confirm("提示", "确认要删除该图片吗？", function(r) {
					if (r) {
						$.post(deleteAction, row, function(result) {
							if (result.resultCode === '00000000') {
								$('#list_data').datagrid('reload'); // reload the user data
								$.messager
										.alert("提示", result.resultMsg, "info");
								$('#list_data').datagrid('clearSelections');
							} else {
								$.messager.alert("错误", result.resultMsg,
										"error");
								$('#list_data').datagrid('clearSelections');
							}
						}, 'json');
					}
				});
			}
		}

	</script>
	<style type="text/css">
#fm {
	margin: 0;
	padding: 40px 40px;
}

.ftitle {
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

.fitem {
	margin-bottom: 5px;
}

.fitem label {
	display: inline-block;
	width: 90px;
}
</style>
</body>
</html>